import type { RouteRecordRaw } from 'vue-router';
export const treemap: RouteRecordRaw = {
    path: "/echarts-treemap",
    name: 'echarts-treemap',
    meta: {
        title: "treemap-数值大小占块"
    },
    component: () => import('@/views/echarts/treemap/index.vue')
}

export const map: RouteRecordRaw = {
    path: "/echarts-map",
    name: 'echarts-map',
    meta: {
        title: "map-视觉3d地图"
    },
    component: () => import('@/views/echarts/map/index.vue')
}

export const sankey: RouteRecordRaw = {
    path: "/echarts-sankey",
    name: 'echarts-sankey',
    meta: {
        title: "sankey-桑基图(悬浮有关系高亮)"
    },
    component: () => import('@/views/echarts/sankey/index.vue')
}

export const graphBall: RouteRecordRaw = {
    path: "/echarts-graphBall",
    name: 'echarts-graphBall',
    meta: {
        title: "graphBall-关系图小球点击展开"
    },
    component: () => import('@/views/echarts/graph-ball/index.vue')
}

export const autoRoll: RouteRecordRaw = {
    path: "/echarts-autoRoll",
    name: 'echarts-autoRoll',
    meta: {
        title: "自动轮询"
    },
    component: () => import('@/views/echarts/auto-roll/index.vue')
}

export const barStackTime: RouteRecordRaw = {
    path: "/echarts-barStackTimeAxis",
    name: 'echarts-barStackTimeAxis',
    meta: {
        title: "barStackTimeAxis"
    },
    component: () => import('@/views/echarts/barStackTimeAxis/index.vue')
}

export const customIcon: RouteRecordRaw = {
    path: "/echarts-custom-icon",
    name: 'echarts-custom-icon',
    meta: {
        title: "custom-icon"
    },
    component: () => import('@/views/echarts/custom-icon/index.vue')
}

export const Funnel: RouteRecordRaw = {
    path: "/echarts-Funnel",
    name: 'echarts-Funnel',
    meta: {
        title: "Funnel"
    },
    component: () => import('@/views/echarts/Funnel/index.vue')
}

export const barLabel: RouteRecordRaw = {
    path: "/echarts-barLabel",
    name: 'echarts-barLabel',
    meta: {
        title: "barLabel柱状图发光icon数据显示"
    },
    component: () => import('@/views/echarts/barLabel/index.vue')
}

export const lineTooltipIcon: RouteRecordRaw = {
    path: "/echarts-lineTooltipIcon",
    name: 'echarts-lineTooltipIcon',
    meta: {
        title: "lineTooltipIcon折线图鼠标悬浮icon显示数据"
    },
    component: () => import('@/views/echarts/lineTooltipIcon/index.vue')
}

export const pieMargin: RouteRecordRaw = {
    path: "/echarts-pieMargin",
    name: 'echarts-pieMargin',
    meta: {
        title: "pieMargin饼图间隙"
    },
    component: () => import('@/views/echarts/pieMargin/index.vue')
}

export const pieLabelRotate: RouteRecordRaw = {
    path: "/echarts-pieLabelRotate",
    name: 'echarts-pieLabelRotate',
    meta: {
        title: "饼图label旋转"
    },
    component: () => import('@/views/echarts/pieLabelRotate/index.vue')
}


export const calendar: RouteRecordRaw = {
    path: "/echarts-calendar",
    name: 'echarts-calendar',
    meta: {
        title: "calendar日历点击select选中样式"
    },
    component: () => import('@/views/echarts/calendar/index.vue')
}


export const legendsBar: RouteRecordRaw = {
    path: "/echarts-legendsBar",
    name: 'echarts-legendsBar',
    meta: {
        title: "legendsBar图例和柱子的牛马显示"
    },
    component: () => import('@/views/echarts/legendsBar/index.vue')
}

export const FunnelLabel: RouteRecordRaw = {
    path: "/echarts-FunnelLabel",
    name: 'echarts-FunnelLabel',
    meta: {
        title: "FunnelLabel"
    },
    component: () => import('@/views/echarts/FunnelLabel/index.vue')
}

export const SVGChart: RouteRecordRaw = {
    path: "/echarts-SVGChart",
    name: 'echarts-SVGChart',
    meta: {
        title: "SVGChart小球动图"
    },
    component: () => import('@/views/echarts/SVGChart/index.vue')
}

export const Echarts: RouteRecordRaw = {
    name: 'echarts',
    path: '/echarts',
    meta: {
        title: 'echarts'
    },
    children: [
        barStackTime,
        treemap,
        map,
        sankey,
        graphBall,
        autoRoll,
        customIcon,
        Funnel,
        barLabel,
        lineTooltipIcon,
        pieMargin,
        pieLabelRotate,
        calendar,
        legendsBar,
        FunnelLabel,
        SVGChart
    ]
}
export default Echarts;